<template>
  <div>
    <topbar></topbar>
    <router-view />
    <BottomBar></BottomBar>
  </div>
</template>
<script setup>
import topbar from './components/TopBar.vue'
import BottomBar from './components/BottomBar.vue';
</script>

<style>
* {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  /* 去掉默认的下划线 */
  color: inherit;
  /* 继承父元素的文字颜色 */
  outline: none;
  /* 去掉焦点时的外边框（可选） */
}

a:hover {
  text-decoration: none;
  /* 去掉鼠标悬停时的下划线 */
}

a:active {
  color: inherit;
  /* 保持文字颜色不变 */
}

.banner-box {
  max-width: 1400px;
  margin: 0 auto;

}
</style>
